<!DOCTYPE html>

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <title>Raxan - The Rich Ajax Application Framework</title>
    <link href="raxan/styles/master.css" rel="stylesheet" type="text/css" />
    <!--[if IE]><link rel="stylesheet" href="raxan/styles/master.ie.css" type="text/css"><![endif]-->
    <link href="docs/style.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
        .version {color:maroon }
        h2 img {vertical-align:middle}
        img.header {display:block}
        .color-header, .noteworthy h3 {color:#0B8FE3}
        li { list-style:url(docs/images/listbullet.png) disc; }
    </style>
    <link href="docs/highlight/styles/default.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="docs/highlight/highlight.js"></script>
    <script type="text/javascript">
        hljs.initHighlightingOnLoad('javascript','html','php');
    </script>

</head>

<body>
   <div class="container c48 prepend-top">
        <h2 class="bottom">Raxan Framework</h2>
        <div class="navbar">
            <div class="lf"><div class="rt"><div class="md">
                <ul>
                    <li><a href="index.html" title="The Rich Ajax, CSS &amp; PHP Framework" >Home</a></li>
                    <li><a href="docs/index.html" title="User Guide" >User Guide</a></li>
                </ul>
            </div></div></div>
        </div>
        <div class="prepend1 append1">
            <h2 class="right prepend-top">Out of Many...<br /> One Framework</h2>
            <img class="header" src="docs/images/pdi-bubble-chain.gif" width="344" alt="Raxan Framework" />
            <div class="version">Version: 1.0 Beta 2</div>
            <hr />

            <div class="column c15 colborder">
                <h2><img src="docs/images/bag.gif" /> What's included:</h2>
                <ul>
                    <li><a href="docs/index.html">Raxan User Guide</a></li>
                    <li>The jQuery Library</li>
                    <li>jQuery Tools & Interactive Libraries</li>
                    <li>CSS and PDI Framework</li>
                    <li>Examples - <a href="css-examples/index.html"><strong>CSS</strong></a> and <a href="pdi-examples/index.php" title=" A web server running PHP 5.1 or higher is required"><strong>PDI</strong></a><sup>1</sup></li>
                    <li>HTML Templates</li>
                </ul>

                <p><sup>1</sup> - A web server running PHP5 is required. See <a href="docs/requirements.html">Software Requirements</a></p>

                <strong>Featured Demo:</strong>
                <div class="tpb hlf-pad" align="center">
                    <a href="pdi-examples/embedded.html" title="Click to view this demo"><img src="docs/images/shoutbox.png" /><br />Embedded Application Demo</a>
                </div>

                <hr />
                <div>
                    <strong>Quick Links</strong>
                    <blockquote>
                        <a href="docs/index.html">Raxan User Guide</a><br />
                        <a href="docs/credits.html">Credits/Acknowledgements</a><br />
                        <a href="http://raxanpdi.com/pdi-overview.html">Online Documentation</a><br />
                        <a href="http://raxanpdi.com/examples.html">Online Examples</a><br />
                        <a href="http://raxanpdi.com/forum">Online Community Forum</a><br />
                    </blockquote>
                </div>

                <div class="tpb tpm" align="center"><a href="http://twitter.com/raxanpdi" title="Follow the Development of Raxan PDI on twitter" target="_blank"><img src="docs/images/twitter.gif" alt="Follow me on twitter" width="150" /></a></div>
                <div class="pad tpb tpm" align="center"><a href="http://raxanpdi.com/subscribe.html" title="Get News and Updates" target="_blank"><img src="docs/images/rss.png" alt="Subscribe" width="33" style="vertical-align:middle" />&nbsp;Subscribe to RSS Feed</a></div>
            </div>
            <div class="column c26 prepend1 noteworthy">

                <h2 class="bmm">Before you <span class="color-header">Begin...</span></h2>
                <p>PDI examples require a web server running PHP 5.1 or higher. Before running the examples you will need to create a gateway config file or copy the &quot;pdi-examples/gateway.config.php&quot; file to the &quot;raxan/pdi/&quot; folder. The Contact List and ShoutBox examples will require the necessary permissions to read/write to the pdi-examples in order to create/update the SQLite database.</p>
                
                <h2><img src="docs/images/signal.gif" /> What's New and Noteworthy:</h2>

                <a href="pdi-examples/index.php" title="PDI Examples" ><img class="ltm" src="docs/images/try-examples.gif" align="right" alt="PDI Examples" /></a>
                <p>In this release we have merged the documentation for the CSS and PDI frameworks into a single <a href="docs/index.html">User Guide</a>. This will help developers to gain quick access to all the documentation for both frameworks.</p>

                <h3>PHP 5.3 Support</h3>
                <p>Beginning with Beta 2 we have added support for PHP 5.3. This will enable you to take advantage of the new closure and lambda functions features of PHP 5.3</p>
<pre><code>&lt;?php
    $page['#button']-&gt;click(function()  {
        C()-&gt;alert('Hello World! - PHP 5.3 Rules!');
    });
?&gt;
</code></pre>

                <h3>Switchboard</h3>
                <p><img class="right margin" src="docs/images/switchboard.png" width="48" alt="Switchboard" />
                The switchboard takes the framework a step further in helping developers to quickly develop their own MVC based solutions.</p>

                <h3>Embedded Applications</h3>
                <p>Imagine being able to create an application that you can insert into just about any web page with a single line of HTML code. The embedded feature makes it easier to re-use, share or import your PDI applications into any static or dynamically generated web page (e.g. ASP.Net, JSP, Perl, Python, Ruby, etc)</p>

                <h3>Web Page Plugins</h3>
                <p><img class="right margin" src="docs/images/puzzle.png" width="48" alt="Plugins" />
                With the new plugin support you can create your own re-useable <strong>Datagrids</strong>, <strong>Listbox</strong>, <strong>TreeViews</strong> or <strong>Navigation Menus</strong> that can be easily added to a  web page.</p>

                <h3>Rich Element Extension</h3>
                <p>Adding new features to your rich elements could not have been easier. With a single method call you can transform your elements into something beautiful.</p>

                <h3>System Events</h3>
                <p>With system events you can now receive system-wide notifications whenever the session has started or a web page has been initialized.</p>

                <h3>Template Binder Enhancements</h3>
                <img class="right margin" src="pdi-examples/views/images/id.png" width="48" alt="Template" /></p>
                <p>The new <strong>tplEdit</strong> option makes it easier to add editing features to your data lists, tables and repeater.

                <p>For more information on what was change see the <a href="docs/changelog.html">Change Log</a></p>

                <h3 class="bmm" style="color:teal">Try the Examples...</h3>
                <p><a href="pdi-examples/index.php">Visit the PDI Examples web page</a> - A web server running PHP 5.1 or higher is required</p>

            </div>
            <hr class="clear space" />

        </div>
        <div class="tpb pad">
            <div class="right">
                <a href="index.html" class="quiet">Home</a>  | <a href="docs/table-of-contents.html" class="quiet">User Guide</a>
            </div>
            <div class="medium" align="left">The Rich Ajax Application Framework. Visit <a href="http://raxanpdi.com">http://raxanpdi.com</a></div>
        </div>
    </div>

</body>

</html>